/* 搜索栏 */
var dYi=document.getElementsByClassName("head")[0];
var p=dYi.querySelectorAll("a");
//  console.log(dYi,p);
for(var i=0;i<p.length;i++){
    p[i].onclick=function(){
        for(var j=0;j<p.length;j++){
            p[j].classList.remove("dh");
        }
        this.classList.add("dh");
    }
}
/* fixed */
var fixed=document.getElementsByClassName("header")[0];
//   console.log(fixed);
  window.onscroll=function(){
      var st=document.documentElement.scrollTop||document.body.scrollTop;
      if(st>fixed.offsetHeight){
          fixed.style.position="fixed";
      }else{
          fixed.style.position="static";
      }
}
/* 第一个tab */
var show1=document.getElementsByClassName("first");
// console.log(p,show1);
for(var i=0;i<p.length;i++){
    p[i].index=i;
    p[i].onclick=function(){
        for(var j=0;j<p.length;j++){
            p[j].classList.remove("dh");
            show1[j].style.display="none";
        }
        this.classList.add("dh");
        show1[this.index].style.display="block";
    }
}
/* swiper */
var swiper = new Swiper(".mySwiper", {
    pagination: {
      el: ".swiper-pagination",
    },
  });

/* json */
// var json=[{
//     img:"./img/z_cfx/zd1.jpg",
//     h5:"战地1",
//     div1:"大家都在玩",
//     div2:"第一人称",
//     div3:"一战",
//     div4:"￥196",
//     div5:"￥198",
//     div6:"-2%",
// },{
//     img:"./img/z_cfx/qy.JPG",
//     h5:"缺氧",
//     div1:"steam促销",
//     div2:"基建",
//     div3:"生存",
//     div4:"￥23",
//     div5:"￥58",
//     div6:"-61%",
// },{
//     img:"./img/z_cfx/gtfo.jpg",
//     h5:"GTOF",
//     div1:"steam促销",
//     div2:"合作",
//     div3:"在线",
//     div4:"￥88",
//     div5:"￥116",
//     div6:"-26%",
// },{
//     img:"./img/z_cfx/btmalyx.jpg",
//     h5:"半条命：Alyx",
//     div1:"玩过相似",
//     div2:"VR",
//     div3:"虚拟现实",
//     div4:"￥161",
//     div5:"￥163",
//     div6:"-2%",
// }]
// var div=document.querySelectorAll(".nr")[0];
// var div1=div.querySelector(".pp");
// console.log(div1);
// json.forEach(function(v,i){
//     var p=document.createElement("div");
//     p.innerHTML=`
//         <div class="p">
//             <img src="${v.img}">
//             <h5>${v.h5}</h5>
//             <div class="hang1">
//                 <div class="ybk">${v.div1}</div>
//                 <div class="ybk">${v.div2}</div>
//                 <div class="ybk">${v.div3}</div>
//             </div>
//             <div class="hang2">
//                 <div class="jg zuo">${v.div4}</div>
//                 <div class="jg zhong">${v.div5}</div>
//                 <div class="jg you">${v.div6}</div>
//             </div>
//         </div>
//     `;
//     div.appendChild(p);
// })